<template>
  <div class="col-md-8">
        <h3 class="reply">评论回复：</h3>
        <h2 v-if="list.length<=0">暂无评论，点击左侧添加评论！！！</h2>
        <ul class="list-group"  v-for=" msgs,index in list" :key="msgs.name">
          <li class="list-group-item">
            <div class="handle">
              <a href="javascript:;" @click="$bus.$emit('deleteAll',index)">删除</a>
            </div>
            <p class="user"><span >{{msgs.name}}</span><span>说:</span></p>
            <p class="centence">{{msgs.content}}</p>
          </li>
        </ul>
      </div>
</template>

<script>
  export default {
    name:'Right',
    data(){
      return {
        list:[]
      }
    },
    // props:{
    //   msg:Array
    // },
    mounted(){
      this.$bus.$on('msg',(data)=>{
        this.list = data
      })
    }
  }
</script>

<style scoped>
  
</style>